// Bootstrap Wizard 
// --------------------------------------------------

#bwizard {
  .bw-navbar {
	border-bottom: 0 none;;
	background-color: transparent;
	font-size: @baseFontSize;
	padding: 0;
	position: relative;
	min-height: 50px;
	margin-bottom: 10px;
  }
} 
  
.bwizard-steps {
  display:inline-block;
  margin:0;
  padding:0;
  background:@white;
  .active {
    color:@white;
    background:@themeColor;
    a, a:hover {
      color:@white;
      cursor:default;
    }
    .label {
      background-color:@gray;
    }
  }
  .active:after {
    border-left-color:@themeColor;
  }
  .label {
    position:relative;
    top:-1px;
    margin:0 5px 0 0;
    padding:1px 5px 2px;
  }
  li {
    display:inline-block;
    position:relative;
    padding:12px 17px 10px 30px;
    background:@gray-lighter;
    line-height:18px;
    list-style:none;
    //zoom:1;
  }
  li:first-child {
    padding-left:12px;
    -moz-border-radius:4px 0 0 4px;
    -webkit-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;
  }
  li:first-child:before {
    border:none;
  }
  li:last-child {
    margin-right:0;
    -moz-border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;
  }
  li:last-child:after {
    border:none;
  }
  li:before {
    position:absolute;
    left:0;
    top:0;
    height:0;
    width:0;
    border-bottom:20px inset transparent;
    border-left:20px solid @white;
    border-top:20px inset transparent;
    content:"";
  }
  li:after {
    position:absolute;
    right:-20px;
    top:0;
    height:0;
    width:0;
    border-bottom:20px inset transparent;
    border-left:20px solid @gray-lighter;
    border-top:20px inset transparent;
    content:"";
    z-index:2;
  }
  a, a:hover {
    color:@gray-light;
	text-decoration:none;
  }
}
.bwizard-steps.clickable li:not(.active) {
  cursor:pointer;
}
.bwizard-steps.clickable li:hover:not(.active) {
  background:@default-border-color;
  a {
    color:@link-color;
  }
}
.bwizard-steps.clickable li:hover:not(.active):after {
  border-left-color:@default-border-color;
}



@media (min-width: 768px) and (max-width: 1280px) { 

} 


@media (max-width: 460px) { 
  .bwizard-steps {
    li {
		//display: block;
		margin: 5px 0;
		padding: 6px 17px 10px 15px;
	}
	
	li:first-child {
		.border-radius(0);
	}
	li:last-child {
		margin-right:0;
		.border-radius(0);
	}
	li:before {
		border-bottom:0 none;
		border-left:0 none;
		border-top:0 none;
		content:"";
	}
	li:after {
		border-bottom:0 none;
		border-left:0 none;
		border-top:0 none;
	}
  }
} 